header{
    position: relative;
    width: 100%;
    height: (88rem/ 75);
    overflow: hidden;

    a{
        float: left;
        padding-left: (20rem / 75);
        img{
            display: block;
            float: left;
            width: (21rem / 75);
            height: (35rem  / 75);
            padding-top: (28rem / 75);
            margin-right: (10rem / 75);
        }
        span{
            display: inline-block;
            font-size: (34rem / 75);
            line-height: (88rem / 75);
        }
    }
    h2{
        width: (300rem / 75);
        height: 100%;
        margin: 0 auto;
        text-align: center;
        font-size: (36rem / 75);
        line-height: (88rem / 75);
    }
    >span{
        position: absolute;
        top: 0;
        right: 0;
        width: (110rem / 75);
        height: 100%;
        text-align: center;
        padding: (24rem / 75)(26rem / 75);
        box-sizing: border-box;
        i{
            display:block;
            width: (56rem / 75);
            height: (4rem / 75);
            background-color: #000;
            margin-bottom: 5px;
        }
    }
}
nav{
    width: 100%;
    height: (90rem / 75);
    overflow: hidden;
    a{
        float: left;
        display: block;
        width: 33.333%;
        height: 100%;
        background-image: url(../image/line.jpg);
        background-size: (750rem / 75) (90rem / 75);
        &:nth-child(2){
            background-position: (750rem / 75 / -3);
        }
        &:nth-child(3){
            background-position: (750rem / 75 / 3);
        }
        &:hover{
            background-image: url(../image/line_hover.jpg);
        }
    }
}
.game-list{
    width: 100%;
    .list{
        width: 100%;
        height: (150rem / 75);
        padding-left: (40rem / 75);
        box-sizing: border-box;
        &:nth-child(2n+2){
            background-color: #F3F3F3;
        }
          h2{
        padding: (40rem / 75) 0 (20rem / 75);
        color: #333;
        font-size: (28rem / 75);
    }
    p{
        color: #f08200;
    }  
    }

}

footer {
    position: relative;
    width: 100%;
    height: (260rem / 75);
    background-color: #f2f1ed;
    text-align: center;
    font-family: "楷体";
    background-color:#242424;
    p {
        line-height: (88rem / 75);;
        background-color: #1F1F1F;
        font-size: (28rem / 75);
        a {
            color: #999896;
            padding: 0 (40rem / 75) 0 (30rem / 75);
            border-right: 1px solid #999;
            &:last-child{
                border-right: none;
            }
        }
    }

    div {
        margin-top: (55rem / 75);

        a {
            color: #999896;
            padding: 0 (40rem / 75) 0 (30rem / 75);
            &:hover{
                color: #f46770;
            }

        }
    }
    h2{
        color: #666;
        font-size: (26rem  / 75);
        margin-top: (10rem / 75);

    }
    >a{
        position: absolute;
        top: (80rem / 75);
        right: (30rem / 75);
        display: block;
        width: (120rem / 75);
        height: (120rem / 75);
        img{
            width: 100%;
        }
    }
    h3{
        color: #666;
        margin-top: (44rem / 75);
        font-family: "微软雅黑";
    }
}